<template>
	<swiper-custom></swiper-custom>
	<items-custom></items-custom>
	<card-custom></card-custom>
		<navagation-custom :tablist='list' :defaultSelectIndex='defaultSelectIndex' @select='change'></navagation-custom>
</template>

<script lang="ts" setup>
	import {ref} from 'vue'
	const defaultSelectIndex = ref(0)
	const list = ref([
		{id:1,title:'推荐'},
		{id:2,title:'收纳'},
		{id:3,title:'改造'},
		{id:4,title:'搭配'},
		{id:5,title:'清洁'},
		{id:6,title:'装饰'},
		{id:7,title:'种草'}
	])
	function change () {
		
	}
</script>

<style>
page{
	background-color: #f9f9f9;
}
</style>